@charset "utf-8";
@import "reset";

@mixin paddinglrzero{
    padding-left: 0;
    padding-right: 0;
}
@mixin flexcenter{
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
}
@mixin flexbetween{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
}
@function v($p){
    @return $p/1440*100vw;
}

@media only screen and (min-width: 768px) {
    html,body {min-width: 1100px;}
}
html,body{
    font-size: 14px;
}
body { padding-top:50px!important; }

//header 头部
//Navigation 导航条
.navbar{
    margin-bottom: 0;
    border-radius: 0;
    .nav1st_container-fluid{
        width: 90%;
    }
    .navbar-brand{
        padding: 0;
        @include flexcenter;
    }
}
/*-------------------------------------------------------*/
//中部



/*-------------------------------------------------------*/
//footer 底部
footer{
    width: 100%;
    color:#a1a3ab;
    padding: v(35) 0 v(37);
    background: #3B3B3B;
    .container{
        width: 90%;}
    //footer left 底部左边
    .footer_left{
        a{color: #a1a3ab}
        a:hover{text-decoration: none;}
        @include paddinglrzero;
        >p:nth-child(1)>a:hover{color: white;}
        >p:nth-child(2)>a{font-size: 12px;}
    }
    //footer right 底部右边
    .footer_right{
        text-align: right;
        font-size: 0;
        @include paddinglrzero;
        >div{display: inline-block;}
        >div:nth-child(2){margin: 0 v(20);}
        //hidden block 隐藏块
        .footer_ico{
            cursor: pointer;
            position: relative;}
        .footer_ico_hidden{
            position: absolute;
            top: v(-150);
            left: v(-45);
            display: none;}
        .footer_ico:hover .footer_ico_hidden{
            display: block;}
        .footer_ico:hover:hover{
            animation: pulse 1s;}
        .footer_ico_hidden>img{width: v(142);}
        
    }
}





